<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./main-template.xhtml">
            <ui:param name="titulo" value="Catálogo de Productos" />
            <ui:define name="body">
                <a4j:form>
                    <rich:panel>
                        <h3>Datos de la Compra</h3>
                        <br />
                        <br />
                        <rich:extendedDataTable id="tblCarroCompras" value="#{ComprasBean.carroCompras}" var="item">
                            <rich:column>
                                <h:graphicImage value="#{item.mueble.foto}" />
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    Mueble
                                </f:facet>
                                #{item.mueble.nombre}
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    Cantidad
                                </f:facet>
                                #{item.cantidad}
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    Precio Unitario
                                </f:facet>
                                #{item.mueble.precio}
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    Precio
                                </f:facet>
                                #{item.precioItem}
                            </rich:column>
                        </rich:extendedDataTable>
                        <br />
                        <h2>Valor Total:</h2>
                        <h:outputText value="#{ComprasBean.precioTotalCompra}" />
                        <br />
                        <br />
                        Nombre y Apellidos: <h:inputText value="" />
                        <br />
                        Numero de la tarjeta: <h:inputText value="" />
                        <br />
                        Código de seguridad: <h:inputText value="" />
                        <br />
                        <br />
                        <a4j:commandButton value="Pagar" action="#{ComprasBean.confirmoCompra}" />
                    </rich:panel>
                </a4j:form>
            </ui:define>
        </ui:composition>
    </body>
</html>

